export default {
  name: 'lyTime',
  html: `
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 引入组件样式 -->
  <link rel="stylesheet" href="/ly-time.css">
  <title>时间</title>
</head>
<style>
html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  }
.main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
    overflow: hidden;
}


</style>
<body>
<div class="main">
  <div class="lyTime">
  </div>
</div>
  <script type="module">
  let lastyear=window.parent.lastyear;
 const { LyTime   } = lastyear;

 const options = {
 el:document.querySelector('.lyTime'),
 props: {
   color: '#000',
 }
}
const lyTime =new LyTime(options)
 lyTime.create()
  </script>
</body>

</html>
`
}